<template>
  <div class="info">
    <div class="info-content">
      <div class="info-content-info">
        <div class="info-content-info-title">2019年5月湖北城市房地产大数据</div>
        <div class="info-content-info-form">
          <div class="info-content-info-form-1">
            <div class="info-content-info-form-boxa">城市</div>
            <div class="info-content-info-form-boxb">成交套数（套）</div>
            <div class="info-content-info-form-boxb">成交面积（万㎡）</div>
            <div class="info-content-info-form-boxb">成交金额（亿元）</div>
            <div class="info-content-info-form-boxb">成交单价（元/㎡）</div>
            <div class="info-content-info-form-boxb">供应套数（套）</div>
            <div class="info-content-info-form-boxb">供应面积(万㎡)</div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">武汉</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">宜昌</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">襄阳</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">荆州</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">黄冈</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">孝感</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">荆门</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">十堰</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">黄石</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">咸宁</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">随州</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">鄂州</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">恩施</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">仙桃</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">潜江</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2">9999</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">天门</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2">8888</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script></script>

<style lang="stylus" scoped>
  .info
    width: 100%
    height: 920px
    margin-top: 60px
    .info-content
      width: 1280px
      height: 920px
      margin: 0 auto
      .info-content-info
        width: 1280px
        height: 920px
        margin: 0 auto
        .info-content-info-title
          width: 1280px
          height: 120px
          line-height: 120px
          font-size: 35px
          font-weight: bold
          text-align: center
        .info-content-info-form
          width: 1280px
          height: 700px
          margin-top: 13px
          .info-content-info-form-1
            width: 1280px
            height: 40px
            font-size: 16px
            line-height: 40px
            border: 1px solid #999
            text-align: center
            background: #eee
            .info-content-info-form-boxa
              width: 200px
              height: 40px
              float: left
            .info-content-info-form-boxb
              width: 180px
              height: 40px
              border-left: 1px solid #999
              margin-left: -1px
              float: left
          .info-content-info-form-2
            width: 1280px
            height: 40px
            font-size: 21px
            line-height: 40px
            border-left: 1px solid #999
            border-right: 1px solid #999
            border-bottom: 1px solid #999
            text-align: center
            margin-top: -1px
            .info-content-info-form-box1
              width: 200px
              height: 40px
              font-size: 21px
              float: left
            .info-content-info-form-box2
              width: 180px
              height: 40px
              font-size: 17px
              line-height: 40px
              border-left: 1px solid #999
              text-align: center
              float: left
              margin-left: -1px
</style>
